<!DOCTYPE html>
<link rel="match" href="../../expected/css/gradient-em-positions-ref.html" />
<style>
     div {
          width: 250px;
          height: 250px;
          border: 1px solid black;
     }
     .linear-gradient {
          background: linear-gradient(transparent, blue 1em);
     }
     .radial-gradient {
          background: radial-gradient(transparent, blue 1em);
     }
     .a {
          font-size: 10px;
     }
     .b {
          font-size: 100px;
     }
</style>
<div class="linear-gradient a"></div>
<div class="linear-gradient b"></div>
<div class="radial-gradient a"></div>
<div class="radial-gradient b"></div>